<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="css/page.css" />
		<title>能动英语</title>
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<div class="clearfloat headercon">
				<div class="headerleft">
					<a href=""><img src="img/logo.png"/></a>
				</div>
				<div class="headeright clearfloat">
					<div class="headertext">
						<span>官方热线 <i></i></span>
					</div>
					<div class="headertall">
						<ul>
							<li style="color:#1b986e">
								<span>崇文门：</span>
								<strong>010-67113512</strong>
							</li>
							<li style="color:#349794">
								<span>团结湖：</span>
								<strong>010-85885768</strong>
							</li>
							<li style="color:#616d9d">
								<span> 新街口：</span>
								<strong>010-82206802</strong>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="header_nav clearfloat">
			<ul>
				<li><a href="javascript:void(0);">首页</a></li>
				<li class="active"><a href="javascript:void(0);">选课中心</a></li>
				<li><a href="weixin.html" target="_blank">学习中心</a></li>
			</ul>
			<!--<div class="search">-->
				<!--<form action="" method="post">-->
					<!--<input type="text" />-->
					<!--<input type="submit" value="搜索更多" class="sub"/>-->
				<!--</form>-->
			<!--</div>-->
		</div>
		<div class="lhar_posi">
			<ul class="clearfloat">
				<li><a href="javascript:void(0);">全部结果</a><span>&gt;</span></li>
				<li><a href="javascript:void(0);">英语</a><span>&gt;</span></li>
			</ul>
		</div>
		<div class="page2_tab_box">
			<div class="page2_tab">
				<div class="type clearfloat">
					<p>年级</p>
					<ul>
						<li class="on"><a onclick="renderlesson('1','','again')">一年级</a></li>
						<li><a onclick="renderlesson('2','','again')">二年级</a></li>
						<li><a onclick="renderlesson('3','','again')">三年级</a></li>
						<li><a onclick="renderlesson('4','','again')">四年级</a></li>
						<li><a onclick="renderlesson('5','','again')">五年级</a></li>
						<li><a onclick="renderlesson('6','','again')">六年级</a></li>
						<li><a onclick="renderlesson('7','','again')">初一</a></li>
						<li><a onclick="renderlesson('8','','again')">初二</a></li>
						<li><a onclick="renderlesson('9','','again')">初三</a></li>
					</ul>
				</div>
				<div class="type clearfloat">
					<p>类别</p>
					<ul>
						<li><a href="javascript:void(0);">校内衔接课程</a></li>
						<li><a href="javascript:void(0);">专题课程</a></li>
						<li><a href="javascript:void(0);">素养课程</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="page2_list_box">
			<ul class="page2_list clearfloat" style="min-height:300px">
			</ul>
		</div>
		<div class="index_footer">
			<div class="index_footer_cont clearfloat">
				<div class="index_footer_l">
					<h3>趣味主题游戏</h3>
					<h3>让孩子爱上英语</h3>
					<div class="ewm_cont clearfloat">
						<div class="img">
							<img src="img/icon_ewm1.png"/>
							<p>扫码免费领课</p>
						</div>
						<div class="info">
							<p>官方电话</p>
							<ul>
								<li>崇文门：010-67113512</li>
								<li>团结湖：010-85885768</li>
								<li>新街口：010-82206802</li>
							</ul>
							<a href="javascript:void(0);" style="color:#25c1ac" onclick="openWin()">在线咨询</a>
							<p style="font-size: 16px;margin-top: 62px;">北京程运佳慧教育科技有限公司 <span>京ICP备16061271号</span></p>
						</div>
					</div>
				</div>
				<div class="index_footer_r">
					<ul id="uls">
						<li>
							<span>关于能动英语</span>
						</li>
						<li>
							<span>精彩活动</span>
						</li>
						<li>
							<span>联系我们</span>
						</li>
					</ul>
					<img src="img/icon_ewm2.png" id="imgs"/>
				</div>
			</div>
		</div>
		<style>
			.index_foot_cont p input{
				width: 287px;
				height: 37px;
				font-size: 14px;
				border-radius: 6px;
				padding: 0 10px;
				box-sizing: border-box;
				border: 0;
			}
			.page2_list li{opacity:0;transition:all 0.8s;transform: translateY(50px);}
			.page2_list li.active{opacity:1;transform: translateY(0px);}
		</style>
		<div class="index_foot">
			<div class="index_foot_cont clearfloat">
				<div class="img"><img src="img/footer_img.png"/></div>
				<p style="margin-left: 30px;">免费领取<span>588</span><i>元</i>试听课</p>
				<p style="margin-left: 30px;margin-top: 5px;"><input type="text" placeholder="请输入您的电话号码" class="shouji"></p>
				<a href="javascript:void(0);" onclick="shouji()">立即领取</a>
			</div>
		</div>
		
		<!--侧栏-->
		<div class="celan">
			<ul>
				<a href="http://dev-marketing.zhixinglexue.com/posterregister?id=9&way=2" target="_blank">
				<li>
					<i><img src="img/zl.png" alt="" /></i>
					<p>免费试听预约</p>
				</li></a>
				<li class="dianhua">
					<i><img src="img/dh.png" alt="" /></i>
					<p>免费咨询电话</p>
					<div class="wximgs">
						<p>崇文门： 010-67113512</p>
						<p>团结湖： 010-85885768</p>
						<p>新街口： 010-82206802</p>
					</div>
				</li>
				<li onclick="openWin()">
					<i><img src="img/kf.png" alt="" /></i>
					<p>在线咨询</p>
				</li>
				<li class="wxzx">
					<i style="margin-bottom: 8px;"><img src="img/wx.png" alt="" /></i>
					<p>微信扫一扫  <br/>免费领取试听课</p>
					<div class="wximg">
						<img src="img/icon_ewm1.png" alt="">
					</div>
				</li>
			</ul>
		</div>
		
		<div class="box">
			<div class="boxcon">
				<i id="gb"></i>
				<div class="zx clearfloat">
					<a href="javascript:void(0);">立即领取</a>
					<a href="javascript:void(0);">马上咨询</a>
				</div>
			</div>
		</div>
		<style>
			/* 返回顶部 */
			.top{cursor: pointer;font-size:14px;position: fixed;text-align: center;z-index: 99; -webkit-transition: background-color 0.2s-out;-moz-transition: background-color 0.2s-out;opacity: 0;
				-ms-transition: background-color 0.2s-out;transition: background-color 0.2s-out;background: #121212;color: #ffffff;border-radius: 3px;padding-left: 12px;padding-right: 12px;padding-top: 12px;padding-bottom: 12px;right: 20px;bottom: 45px;}
			.top:hover{background: #be0000;color: #fff;}
		</style>
		<div class="top">TOP</div>
	</body>
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/data.js" ></script>
	<script type="text/javascript">
	$(document).ready(function() {
		for(var i=0;i<$(".page2_list li").length;i++){
			var ele_offtop = $(".page2_list li").eq(i).offset().top;
			if($(window).height()-(ele_offtop-$(document).scrollTop())>=0){
				$(".page2_list li").eq(i).addClass("active")
			}
		}
		$(window).scroll(function() {
			var scrollPos = $(window).scrollTop();
			if (scrollPos > 600) {
				$(".top").css({
					"opacity": 1,
					"transition": .3 + "s"
				});
			} else {
				$(".top").css({
					"opacity": 0,
					"transition": 1 + "s"
				});
			}
			for(var i=0;i<$(".page2_list li").length;i++){
				var ele_offtop = $(".page2_list li").eq(i).offset().top;
				if($(window).height()-(ele_offtop-$(document).scrollTop())>=0){
					$(".page2_list li").eq(i).addClass("active")
				}
			}
		});
        renderlesson()
    });
	function renderlesson(grade,type,time){
        console.log(2);
        let item = '';
        data.forEach(v=>{

            if(grade&type){
					if((Array.isArray(v.grade)?v.grade.indexOf(grade)==-1?false:true:v.grade==grade || v.grade==0)&&(type==v.type || v.type==0)){
                    item = render(v,item,time)
				}
			}else if(type || grade) {
                if(grade){
                    if(Array.isArray(v.grade)?v.grade.indexOf(grade)==-1?false:true:v.grade==grade || v.grade==0){
                        item = render(v,item,time)
					}
				}
				if(type){
                    if(type==v.type || v.type==0){
                        item = render(v,item,time)
                    }
				}
			}else {
                item = render(v,item,time)
			}
        });
        $('.page2_list').html(item,time);
	}
	function render(v,item,time){
        let level = '';
        for (let i = 0; i < v.level; i++) {
            level+='<i></i>'
        }
        item+=`<li class="${time?'active':''}">
					<div class="info">
						<p>${v.name}</p>
						<div class="clearfloat">
							<span>难度:</span>
							${level}
						</div>
						<h3>${v.desc}</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>`;
        return item;
	}
	$(".top").click(function() {
		$("html,body").animate({
			scrollTop: $('body').offset().top
		}, 800)
	});
		$("#gb").click(function(){
			$(".box").hide();
		})
		$(".index_footer_r").hover(function(e){
			e.preventDefault();
			$("#uls").hide();
			$("#imgs").show();
		},function(){
			$("#uls").show();
			$("#imgs").hide();
		})
		//setInterval(function(){
		//	$(".box").show();
		//},10000)
		
		function shouji() {
		var mobile = $(".shouji").val();
		var phone = /^1[34578]\d{9}$/;
		var ym= window.location.href;
		if(phone.test(mobile)) {
			
			$.ajax({
			type : "get",
			async : false,
			url : "http://dev-marketing.zhixinglexue.com/posterregister/add",
			dataType : "jsonp",//数据类型为jsonp  
			jsonp: 'cb',
			jsonpCallback: 'hi',
			data:{
					id:9,
					way:2,
					phone:mobile
				},

			  success: function(data){
            console.log(data);
            if(data.code==200){
               alert('预约成功')
		}else {
                alert(data.msg || '预约失败')
			}
        }

			
		})

			
			
		} 
	}
	 function openWin(){
        myWindow=ow=window.open('http://pet.zoosnet.net/LR/Chatpre.aspx?id=PET48145774&lng=cn','','top=0,left=300%');
        return false;
      }
	</script>
</html>
<script language=javascript>
var LiveAutoInvite0='您好，来自%IP%的朋友';
var LiveAutoInvite1='来自首页的对话';
var LiveAutoInvite2=' 网站商务通 主要功能：<br>1、主动邀请<br>2、即时沟通<br>3、查看即时访问动态<br>4、访问轨迹跟踪<br>5、内部对话<br>6、不安装任何插件也实现双向文件传输<br><br><b>如果您有任何问题请接受此邀请以开始即时沟通</b>';
</script>
<script language="javascript" src="http://pet.zoosnet.net/JS/LsJS.aspx?siteid=PET48145774&float=1&lng=cn"></script>